<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/dsmd.css">
    <style>
        body{
            background: #ededed;
        }
        .am-content {
            margin:0;
        }
        [data-am-widget=tabs] .am-tabs-nav a{
            border: none;
            font-size:12px;
        }
        .am-tabs-default .am-tabs-nav{
            background: #fff;
        }
        .am-tabs-default .am-tabs-nav>.am-active a{
            color: #e15327;
            background: #fff;
        }
    </style>
</head>

<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="../index.jsp" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">大师门店</h1>
</header>

<body>


<div data-am-widget="tabs"
     class="am-tabs am-content am-tabs-default">
    <input id="active" type="hidden" value="<%=request.getParameter("active")%>">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active" value="1"><a href="[data-tab-panel-1]" onclick="addDesignerList(1)">服装设计</a></li>
            <li class="" value="2"><a href="[data-tab-panel-2]" onclick="addDesignerList(2)">发型设计</a></li>
            <li class="" value="3"><a href="[data-tab-panel-3]" onclick="addDesignerList(3)">彩妆设计</a></li>
            <li class="" value="4"><a href="[data-tab-panel-4]" onclick="addDesignerList(4)">美甲设计</a></li>
            <li class="" value="5"><a href="[data-tab-panel-5]" onclick="addDesignerList(5)">整形设计</a></li>
        </ul>

        <ul class="am-tabs-nav am-cf">

        </ul>


    <div class="am-tabs-bd">
        <div data-tab-panel-1 class="am-tab-panel am-active">

            <div data-am-widget="list_news" class="am-list-news am-list-news-default">

                <div class="am-list-news-bd">
                    <ul class="am-list" id="designerList1"  offset="0" rows="10">
                    </ul>
                </div>

            </div>

        </div>
        <div data-tab-panel-2 class="am-tab-panel ">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">

                <div class="am-list-news-bd">
                    <ul class="am-list" id="designerList2" offset="0" rows="10">
                    </ul>
                </div>
            </div>
        </div>
        <div data-tab-panel-3 class="am-tab-panel ">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                <div class="am-list-news-bd">
                    <ul class="am-list" id="designerList3" offset="0" rows="10">

                    </ul>
                </div>
            </div>
        </div>

        <div data-tab-panel-4 class="am-tab-panel ">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                <div class="am-list-news-bd">
                    <ul class="am-list" id="designerList4" offset="0" rows="10">

                    </ul>
                </div>
            </div>
        </div>

        <div data-tab-panel-5 class="am-tab-panel ">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                <div class="am-list-news-bd">
                    <ul class="am-list" id="designerList5" offset="0" rows="10">

                    </ul>
                </div>
            </div>
        </div>
        <div align="center">

            <button class="am-btn am-btn-primary" id="addDesignerList" onclick="moreDesignerList()">加载更多</button>
        </div>
    </div>
</div>

<%@ include file="./../common/footerNav.jsp" %>
<%@ include file="./../common/footer.jsp" %>
<script id="dsmd-designer-list" type="text/x-handlebars-template">
    {{#each dsmdDesignerList}}
    <li style="height:110px;" onclick="designerDetail(this)" value="{{id}}">
        <div class="am-u-sm-4 am-list-thumb">
                <img src="{{designerimage}}"/>
        </div>
        <div class=" am-u-sm-8 am-list-main">
            <div class="">
                <div name="designerName"> 姓名:{{designername}}</div>
                <div name="designerPhone"> 电话:{{designerphone}}</div>
                <div name="designerAward"> 所获奖项:{{designeraward}}</div>
            </div>
        </div>
    </li>
    {{/each}}
</script>

</body>

<script src="../../js/dsmd/dsmd.js">
</script>

</html>